.walletWrap{
  width: 7.2rem;
  .underline{
    height: 0.60rem;
    line-height: 0.60rem;
    font-size: 0.28rem;

    font-weight: bold;
    color: #333333;
    opacity: 1;
    border-bottom: 1px solid rgba(112, 112, 112, 1);
  }
  .container{
    padding: 1.44rem 0.3rem 0;
    .top{
      background: linear-gradient(180deg, #00B1FF 0%, #0089FF 100%);
      opacity: 1;
      border-radius: 0.2rem;
      padding: 0.4rem 0;
      height: 1.2rem;
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.3rem;
      .li{
        width: 50%;
        &>*{
          display: block;
          text-align: center;
        }
        p{
          height: 0.48rem;
          height: 0.48rem;
          font-size: 0.4rem;
          font-family: DIN;
          font-weight: bold;
          color: #FFFFFF;
          opacity: 1;
          margin-bottom: 0.4rem;
        }
        span{
          height: 0.34rem;
          line-height: 0.34rem;
          font-size: 0.28rem;
          font-family: DIN;
          font-weight: bold;
          color: #FFFFFF;
          opacity: 1;
        }
      }
    }

    .listWrap{
      margin: 0.3rem 0 0;
      .filter{
        display: flex;
        justify-content: flex-start;
        height: 0.68rem;
        line-height: 0.68rem;
        p{
          font-size: 0.32rem;

          font-weight: normal;
          color: #333333;
          opacity: 1;
          height: 0.68rem;
          line-height: 0.68rem;
          padding-right: 0.4rem;
          position: relative;
          &.active{
            color: rgba(51, 51, 51, 1);
            font-size: 0.4rem;
            font-weight: bold;
            margin-top: -0.11rem;
            &::after{
              content: '';
              position: absolute;
              left: calc(50% - 0.2rem);
              bottom: -0.11rem;
              height: 0.11rem;
              width: 0.4rem;
              border-radius: 0.2rem;
              transform: translateX(-50%);
              background: linear-gradient(180deg, #00B1FF 0%, #0089FF 100%);;
            }
          }
        }
      }
    }

    .contentWrap{
      width: 100%;
      //height: calc(100vh - 4.42rem);
      height: calc(100vh - 2.42rem);// TODO:移除统计项目
      overflow: hidden;
      .contentBox{
        width: 100%;
        height: 100%;
        padding-right: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        .contentList{
          width: 6.6rem;
          height: auto;
          padding: 0.1rem 0 1rem;
          .li{
            color: #000;
            padding: 0.2rem 0;
            border-bottom: 1px solid rgba(204, 204, 204, 1);
            .line1,.line2{
              display: flex;
              justify-content: space-between;
            }
            .line1{
              margin-bottom: 0.1rem;
              p{
                font-size: 0.28rem;

                font-weight: bold;
                line-height: 0.4rem;
                height: 0.4rem;
                color: #000000;
                opacity: 1;
                &.right{
                  color: #333333;
                }
              }
            }
            .line2{
              p{
                height: 0.28rem;
                font-size: 0.2rem;

                font-weight: normal;
                line-height: 0.28rem;
                color: #999999;
                opacity: 1;
              }
            }
          }

          .nomore{
            height: 0.28rem;
            font-size:  0.2rem;
            font-weight: normal;
            line-height:  0.28rem;
            color: #999999;
            opacity: 1;
            display: block;
            text-align: center;
            padding: 0.1rem 0 0;
          }
        }
      }
    }
  }
}
